<template>
            <el-collapse-item title="动态刷新" name="freshitem">
                <div class="clsOneDot" >
                    <span>刷新类型选择</span>
                    <el-select v-model="curComponent.hg3000.freshtype" >
                        <el-option label="底色" value="0"></el-option>
                        <el-option label="数值" value="1"></el-option>
                    </el-select>
                </div>

                <div v-if="curComponent.hg3000.freshtype==0" class="clsOneDot" >
                    <span>0值颜色</span>
                    <el-color-picker  v-model="curComponent.hg3000.color0" ></el-color-picker>
                </div>

                <div v-if="curComponent.hg3000.freshtype==0" class="clsOneDot" >
                    <span>1值颜色</span>
                    <el-color-picker  v-model="curComponent.hg3000.color1" ></el-color-picker>
                </div>

                <div v-if="curComponent.hg3000.freshtype==1" class="clsOneDot" >
                    <span  >数值显示精度</span>
                    <el-input v-model="curComponent.hg3000.digitnum" ></el-input>
                </div>                

            </el-collapse-item>
</template>

<script>
import { mapState } from 'vuex'

export default {
    components: {  },
    data() {
        return {
        }
    },
    computed: mapState([
        'curComponent',
    ]),
    methods: {

        
    },
}
</script>

<style lang="scss" scoped>
.clsOneDot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clsOneDot span {
    width: 250px;
    text-align: left;
    margin-left: 20px;
}

.list {
        height: 30px;
        cursor: grab;
        text-align: center;
        color: #333;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        padding: 0 10px;
        position: relative;
        user-select: none;

        .icon-container {
            .iconfont {
                cursor: default;
                font-size: 24px;
            }
        }
}

::v-deep( .el-collapse-item__header ){

  background-color: lightgray;
}
</style>
